<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>番茄工作法</title>
	<link rel="stylesheet" type="text/css" href="./style/main.css" />

</head>
<body>
	<h1 id="title">番茄工作法</h1>
	<div id="remainTime"></div>
	<div id="progressBarBorder">
		<div id="progressBar"></div>
	</div>



	<div id="control">
		<h3>当前任务</h3>
		<div id="currentTask">赶紧开始当前任务吧！</div>


		<h3>工作名称</h3>
		<input id="taskName" type="text" value="工作1" />

		<h3>工作时长</h3>
		<input id="workTime" type="text" value="25" />
		<h3>休息时长</h3>
		<input id="restTime" type="text" value="0.05" />
		<input id="isLoopCheckbox" type="checkbox" /><label for="isLoopCheckbox">循环</label>
		

		<button id="startWorkButton">开始工作</button>
		<button id="startRestButton">开始休息</button>
		<button id="stopButton">停止</button>

		<h3>番茄工作方法</h3>
		<ul>
			<li>输入一个任务，将番茄时间设为25分钟点【开始工作】</li>
			<li>专注工作，中途不允许做任何与该任务无关的事，直到番茄时钟响起</li>
			<li>然后短暂休息一下，5分钟左右</li>
		</ul>

		
		<h3>任务记录</h3>
		<ul id="taskList"></ul>
	</div>

	<div class="copyright">Copyright &copy; <script>document.write(new Date().getFullYear());</script> <a href="http://www.AlloyTeam.com/" target="_blank">Tencent AlloyTeam</a>. All Rights Reserved.</div>

	<script src="./js/jx/jx.core.js"></script>
	<script src="./js/jx/jx.base.js"></script>
	<script src="./js/jx/jx.browser.js"></script>
	<script src="./js/jx/jx.dom.js"></script>
	<script src="./js/jx/jx.event.js"></script>
	
	<script src="./js/jx/jx.format.js"></script>
	<script src="./js/jx/jx.date.js"></script>
	<script src="./js/jx/jx.json.js"></script>
	<script src="./js/jx/jx.swfobject.js"></script>
	<script src="./js/jx/jx.sound.js"></script>

	<script src="./js/tomato.js"></script>
</body>
</html>










